<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />

		<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
		Remove this if you use the .htaccess -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

		<title>testConfig</title>
		<meta name="description" content="" />
		<meta name="author" content="App2alizate" />

		<meta name="viewport" content="width=device-width; initial-scale=1.0" />

		<!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
		<link rel="shortcut icon" href="/favicon.ico" />
		<link rel="apple-touch-icon" href="/apple-touch-icon.png" /><meta http-equiv="content-type" content="text/html;charset=UTF-8" />
		<title>Interface 1.0.12.5</title>
		<!-- <script type="text/javascript" src="https://www.google.com/jsapi"></script> -->
		<script src="resources/javascript/Jquery/jquery-1.8.3.js" type="text/javascript"></script>		
		<script src="resources/javascript/GX/GX.js" type="text/javascript"></script>
		<script src="resources/javascript/JsMorph/jsMorph-0.5.0.min.js" type="text/javascript"></script>
		<script src="resources/javascript/berniecode-animator/animator.js" type="text/javascript"></script>
		<script src="resources/javascript/berniecode-animator/animator.min.js" type="text/javascript"></script>
		<script src="resources/javascript/jquery.mobile-1.2.0/jquery.mobile-1.2.0.min.js" type="text/javascript"></script>
		<script type="text/javascript" src="resources/javascript/orbit-1.2.3/jquery.orbit-1.2.3.min.js"></script>
		<script src="resources/javascript/mobi/js/mobiscroll-2.2.custom.min.js" type="text/javascript"></script>
		
    	
    	<link href="resources/javascript/mobi/css/mobiscroll-2.2.custom.min.css" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" href="resources/css/style.css" />
		<link rel="stylesheet" href="resources/javascript/orbit-1.2.3/orbit-1.2.3.css">
	  	<link rel="stylesheet" href="resources/javascript/jquery.mobile-1.2.0/jquery.mobile-1.2.0.min.css" />
	</head>

	<body>
		<div>
			<header>
				<h1>testConfig</h1>
			</header>
			<nav>
				<p>
					<a href="/">Home</a>
				</p>
				<p>
					<a href="/contact">Contact</a>
				</p>
			</nav>

			<div>		
				<div data-role="collapsible-set">
					<div data-role="collapsible">
					<h1><img src="resources/img/frutas-y-verduras.png" style="width: 30%; height: auto;"; /></h1>
						<div class="containing-element">
							<img src="resources/img/frutas.png" style="width: 15%; height: 100%;"; />
							<select name="flip-1" id="flip-1" data-role="slider">
								<option value="off">No</option>
								<option value="on">Si</option>
							</select> <br />
							<img src="resources/img/hojas.png" style="width: 15%; height: 100%;"; />
							<select name="flip-1" id="flip-1" data-role="slider">
								<option value="off">No</option>
								<option value="on">Si</option>
							</select> <br />
							<img src="resources/img/verduras.png" style="width: 15%; height: 100%;"; />
							<select name="flip-1" id="flip-1" data-role="slider">
								<option value="off">No</option>
								<option value="on">Si</option>
							</select> <br />
						</div>
					</div>
					
					<div data-role="collapsible">
						<h1><img src="resources/img/carne.png" style="width: 30%; height: auto;"; /></h1>
						<p>I'm the collapsible set content for section 2.</p>
					</div>
					<div data-role="collapsible">
						<h1><img src="resources/img/panaderia-torti.png" style="width: 30%; height: auto;"; /></h1>
						<p>I'm the collapsible set content for section 2.</p>
					</div>
				</div>
	
			</div>

			<footer>
				<p>
					&copy; Copyright  by App2alizate
				</p>
			</footer>
		</div>
	</body>
</html>
